@import (reference) "theme/light.less";
@import (reference) "theme/dark.less";

// 明亮模式
[data-theme="light"] {
  --background-color: @light-theme-background;
  --text-color: @light-theme-color;

  --header-icon-hover-background: @light-theme-header-hover-background;

  --search-background: @light-theme-search-background;
  --search-placeholder-color: @light-theme-search-placeholder-color;

  --note-content-color: @light-theme-note-content-color;

  --note-dropdown-background: @light-theme-note-dropdown-background;
  --note-dropdown-hover-background: @light-theme-note-dropdown-hover-background;

  [data-note-theme="yellow"] {
    --note-header-border-color: @light-theme-note-yellow-header-border-color;
    --note-background: @light-theme-note-yellow-background;
    --note-header-background: @light-theme-note-yellow-header-background;
    --note-content-background: @light-theme-note-yellow-content-background;
  }

  [data-note-theme="green"] {
    --note-header-border-color: @light-theme-note-green-header-border-color;
    --note-background: @light-theme-note-green-background;
    --note-header-background: @light-theme-note-green-header-background;
    --note-content-background: @light-theme-note-green-content-background;
  }

  [data-note-theme="pink"] {
    --note-header-border-color: @light-theme-note-pink-header-border-color;
    --note-background: @light-theme-note-pink-background;
    --note-header-background: @light-theme-note-pink-header-background;
    --note-content-background: @light-theme-note-pink-content-background;
  }

  [data-note-theme="purple"] {
    --note-header-border-color: @light-theme-note-purple-header-border-color;
    --note-background: @light-theme-note-purple-background;
    --note-header-background: @light-theme-note-purple-header-background;
    --note-content-background: @light-theme-note-purple-content-background;
  }

  [data-note-theme="blue"] {
    --note-header-border-color: @light-theme-note-blue-header-border-color;
    --note-background: @light-theme-note-blue-background;
    --note-header-background: @light-theme-note-blue-header-background;
    --note-content-background: @light-theme-note-blue-content-background;
  }

  [data-note-theme="gray"] {
    --note-header-border-color: @light-theme-note-gray-header-border-color;
    --note-background: @light-theme-note-gray-background;
    --note-header-background: @light-theme-note-gray-header-background;
    --note-content-background: @light-theme-note-gray-content-background;
  }
}

// 暗黑模式
[data-theme="dark"] {
  --background-color: @dark-theme-background;
  --text-color: @dark-theme-color;

  --header-icon-hover-background: @dark-theme-header-hover-background;

  --search-background: @dark-theme-search-background;
  --search-placeholder-color: @dark-theme-search-placeholder-color;

  --note-content-color: @dark-theme-note-content-color;

  --note-dropdown-background: @dark-theme-note-dropdown-background;
  --note-dropdown-hover-background: @dark-theme-note-dropdown-hover-background;

  --note-background: @dark-theme-note-background;
  --note-content-background: @dark-theme-note-background;

  [data-note-theme="yellow"] {
    --note-header-border-color: @dark-theme-note-yellow-header-border-color;
    --note-header-background: @dark-theme-note-yellow-header-border-color;
  }

  [data-note-theme="green"] {
    --note-header-border-color: @dark-theme-note-green-header-border-color;
    --note-header-background: @dark-theme-note-green-header-border-color;
  }

  [data-note-theme="pink"] {
    --note-header-border-color: @dark-theme-note-pink-header-border-color;
    --note-header-background: @dark-theme-note-pink-header-border-color;
  }

  [data-note-theme="purple"] {
    --note-header-border-color: @dark-theme-note-purple-header-border-color;
    --note-header-background: @dark-theme-note-purple-header-border-color;
  }

  [data-note-theme="blue"] {
    --note-header-border-color: @dark-theme-note-blue-header-border-color;
    --note-header-background: @dark-theme-note-blue-header-border-color;
  }

  [data-note-theme="gray"] {
    --note-header-border-color: @dark-theme-note-gray-header-border-color;
    --note-header-background: @dark-theme-note-gray-header-border-color;
  }
}